<template>
  <div>
    <van-nav-bar
      title="搜索列表"
      left-arrow
      @click-left="$router.back()"
      class="custom-navbar"
    />
    <van-search
      show-action
      placeholder="苹果"
      :value="querySearch||'搜索商品'"
    >
      <template #action>
        <van-icon name="apps-o" />
      </template>
    </van-search>
  </div>
</template>
<script>
export default {
  name: 'searchListIndex',
  data () {
    return {
      value: ''
    }
  },
  computed: {
    querySearch () {
      return this.$route.query.key
    }
  }

}
</script>
<style>
.custom-navbar {
  /* background-color: #4CAF50; 设置背景颜色 */
  color: white; /* 设置文字颜色 */
  font-size: 18px; /* 调整字体大小 */
}

.custom-navbar .van-nav-bar__title {
  font-weight: bold; /* 设置标题加粗 */
}

.custom-navbar .van-nav-bar__left {
  color: white; /* 设置返回箭头颜色 */
}
</style>
